<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
     body {

        font-family: 'Tangerine', serif;
        font-size: 48px;
	text-shadow: 4px 4px 4px #aaa;
	background-color: #000;
	color: #ddd;
}
    h1 {
	    color: #ddd;
    }
    h5 {
	    color: #ddd;
    }

    </style>
  </head>
  <body>
	<script type="text/javascript">
  		var _gaq = _gaq || [];
  		_gaq.push(['_setAccount', 'UA-17704892-1']);
  		_gaq.push(['_trackPageview']);

  		(function() {
    			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  			})();
	</script>
    <center>
       	    <h1>html5 gets flickry!</h1>
	    <a href="/izoomer"><img src="/static/zoomer.jpg" alt="Interesting Zoomer"></a>
	    <a href="/iaround"><img src="/static/around.jpg" alt="Interesting Around"></a>
	    <a href="/yahoo"><img src="/static/yahoo.jpg" alt="Yahoooooooooooo!"></a>
    </center>
  </body>
  <footer>
  <center>
	  <h5><a href="http://code.google.com/p/html5-gets-flickry/">Source Code</a></h5>
  </center>
  </footer>
</html>
